<template>
  <head-top :loading="loading">
    <view class="logistics">
      <view class="logistics_head">
        <u-image width="168rpx" height="168rpx" radius="10px"
          src="https://img1.baidu.com/it/u=347034249,179256317&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800"></u-image>
        <view class="logistics_head_right">
          <view class="logistics_head_color">321321</view>
          <view class="logistics_head_hui">顺丰快递：982947892618496</view>
        </view>
      </view>
      <view class="logistics_list">
        <view class="logistics_list_title">
          物流跟踪
        </view>
        <BSteps direction="column" :list="list"></BSteps>
      </view>
    </view>
  </head-top>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import BSteps from '@/components/BSteps/BSteps.vue'
const loading = ref<boolean>(false)
const list = reactive([
  {
    name: '派送中，广州天河派件员，古天乐正在派件',
    time: '2023-8-12 12:21:10'
  }, {
    name: '派送中，广州天河派件员，古天乐正在派件',
    time: '2023-8-12 12:21:10'
  },
  {
    name: '派送中，广州天河派件员，古天乐正在派件',
    time: '2023-8-12 12:21:10'
  },
  {
    name: '派送中，广州天河派件员，古天乐正在派件',
    time: '2023-8-12 12:21:10'
  },
  {
    name: '派送中，广州天河派件员，古天乐正在派件',
    time: '2023-8-12 12:21:10'
  },
])
</script>
<style scoped lang="scss">
@import './logistics.scss'
</style>